<?xml version='1.0' encoding='UTF-8' ?>
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./layout/mainTemplate.xhtml"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:p="http://primefaces.org/ui"  
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns="http://www.w3.org/1999/xhtml">
    <ui:define name="top">
        <h:outputLabel value="Login" class="tituloPrincipal"/>
    </ui:define>

    <ui:define name="left">
    </ui:define>
    <ui:define name="content">
        <h:form id="contenido">

            <p:dataTable paginator="true" rows="20" value="#{productoAction.listaProductos}" var="producto" id="tablaP">
                <f:facet name="header">  
                    Productos
                </f:facet>  
                <p:column style="width:2%">  
                    <p:rowToggler />  
                </p:column>  
                <p:column>
                    <f:facet name="header">
                        <h:outputText value="ID"/>
                    </f:facet>
                    <h:outputText value="#{producto.idProducto}"/>
                </p:column>
                <p:column filterBy="#{producto.nombreProducto}" filterMatchMode="contains">
                    <f:facet name="header">
                        <h:outputText value="Nombre"/>
                    </f:facet>
                    <h:outputText value="#{producto.nombreProducto}"/>
                </p:column>
                <p:column filterBy="#{producto.descripcion}" filterMatchMode="contains">
                    <f:facet name="header">
                        <h:outputText value="Descripción"/>
                    </f:facet>
                    <h:outputText value="#{producto.descripcion}"/>
                </p:column>

                <p:column>
                    <f:facet name="header">
                        <h:outputText value=" "/>
                    </f:facet>
                    <p:commandLink action="#{productoAction.modificar(producto)}" value="Modificar" update=":contenido" ajax="false"/>
                </p:column>                
                <p:column>
                    <f:facet name="header">
                        <h:outputText value=" "/>
                    </f:facet>
                    <p:commandLink id="eliminarprod" action="#{productoAction.eliminar(producto)}" value="Eliminar" update=":contenido" ajax="false"/>
                </p:column>

                <p:rowExpansion>  

                    <p:dataTable paginator="true" rows="20" value="#{producto.lotes}" var="lote" id="tablaLo">

                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Cantidad actual"/>
                            </f:facet>
                            <h:outputText value="#{lote.cantidadActual}"/>
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Cantidad inicial"/>
                            </f:facet>
                            <h:outputText value="#{lote.cantidadInicial}"/>
                        </p:column>                        
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Fecha caducidad"/>
                            </f:facet>
                            <h:outputText value="#{lote.fechaCaducidad}" >
                                <f:convertDateTime pattern="MM/dd/yyyy" />
                            </h:outputText>                            
                        </p:column>
                        <p:column>
                            <f:facet name="header">
                                <h:outputText value="Costo venta"/>
                            </f:facet>
                            <h:outputText value="#{lote.costoVenta}"/>
                        </p:column>                        
                        <p:column>
                            <p:commandLink value="Modificar" action="#{loteAction.modificar(lote)}" ajax="false"/>
                        </p:column>
                        <!--
                        <f:facet name="footer">
                            <p:commandLink value="Actualizar" action="#{loteAction.actualizaLotes(producto)}" ajax="false"/>
                        </f:facet>
                        -->
                    </p:dataTable>

                </p:rowExpansion>                  
            </p:dataTable> 

            <p:panel style="border:0px;">
                <p:messages id="messagesproductos" showDetail="true" autoUpdate="true" closable="true" > 
                    <p:effect type="fade" event="load" delay="3000" />
                </p:messages>
            </p:panel>            

            <br/><br/>
            <p:panel >
                <p:commandLink value="Principal" action="#{generalAction.navegaPrincipal()}" ajax="false"/>
            </p:panel>
        </h:form>
    </ui:define>
</ui:composition>

